<ion-view title="ITSM" hide-nav-bar="false" data-ng-init="load()">  

<ion-content class="has-header" ng-controller="addCommentCtrl">
      
	  <div class="list">

	  	<div style="padding: 0 10px;font-size: 15px;height: 44px;line-height: 44px;border-bottom: 1px solid #ddd;">工单评价</div>

			<div style="margin:20px 0px 0px 10px" flex="cross:center">
				<label>服务台：</label>
				<div class="add-commoent-prize-1" style="font-size: 12px;padding: 0 10px;">
					<span ng-click="fixText1(0)" ng-class="{active: formData.serviceGrade === 3}" style="margin-right: 8px;height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">非常满意</span>
					<span ng-click="fixText1(1)" ng-class="{active: formData.serviceGrade === 4}" style="margin-right: 8px;height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">满意</span>
					<span ng-click="fixText1(2)" ng-class="{active: formData.serviceGrade === 5}" style="height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">不满意</span>
				</div>
			</div>

			<div  style="margin:15px 0px 20px 10px" flex="cross:center">
				<label>工程师：</label>
				<div class="add-commoent-prize-2" style="font-size: 12px;padding: 0 10px;">
					<span ng-click="fixText2(0)" ng-class="{active: formData.grade === 3}" style="margin-right: 8px;height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">非常满意</span>
					<span ng-click="fixText2(1)" ng-class="{active: formData.grade === 4}" style="margin-right: 8px;height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">满意</span>
					<span ng-click="fixText2(2)" ng-class="{active: formData.grade === 5}" style="height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">不满意</span>
				</div>
			</div>
            <!---->
			<!--<div  style="margin:15px 0px 20px 10px"><label>工程师：</label><input-stars  ng-model="formData.grade" max="5" ng-attr-readonly="{{formData.isReadonly}}" ></input-stars><label style="color: #979797;margin-left: 15px;">满意请给5分哦~</label> <strong></strong></div>-->

		<div ng-hide="formData.isReadonly" class="add-commoent-prize" style="font-size: 12px;padding: 20px 10px;border-top: 1px solid #ddd;">
			<span ng-click="fixText('非常满意',0)" style="margin-right: 8px;height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">非常满意</span>
			<span ng-click="fixText('响应及时',1)" style="margin-right: 8px;height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">响应及时</span>
			<span ng-click="fixText('态度好，服务棒！',2)" style="height: 30px;display: inline-block;line-height: 20px;padding: 5px 13px;border: 1px solid #ccc;border-radius: 4px;">态度好，服务棒！</span>
		</div>

		  <label class="item item-input">
	        <textarea placeholder="请输入您的意见或建议，帮助我们提供更高的服务体验" rows="10" ng-model='formData.content' ng-readonly="formData.isReadonly"></textarea>
	      </label>

	      <label class="item-input padding"  >
        <button class="button button-block button-assertive" ng-click="dosubmit()" ng-hide="formData.isReadonly" >提交</button>
        </label>

	  </div>
</ion-content>
</ion-view>